.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.head{
    display: flex;
    .px2rem(height, 90);
    .px2rem(line-height, 90);
    text-align: center;
    background: #7e4c81;
    color: white;  
    .left{
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
            width: 40%;
            .px2rem(height, 50);
        }
    }
    .center{
        flex: 1;
        font-size: 30px;
    }
    .right{
        width: 15%;  
    }
}
.nav{
    border-bottom: 1px solid #c3c3c3;
    ul{
        display: flex;
        justify-content: space-around;
        .px2rem(font-size, 30);
        text-align: center;
        li{
            flex: 1;
            background: url(../img/shuxian.png) left;
            background-repeat: no-repeat;
            .px2rem(line-height, 90);
        }
        .show{
            border-bottom: 5px solid #7e4c81;
            color: #7e4c81;
        }
        .one{
            background: none;
        }
    }
}
.box{
    display: flex;
    text-align: center;
}
.input{
    p{
        width: 33%;
        sup{
            color: red;
        }
    }
    .inp{
        flex: 1;
        background: #f3f3f3;
        input{
            width: 100%;
            .px2rem(height, 90);
        }
    }
}
.peijian{
    display: flex;
    justify-content: center;
    .px2rem(margin-top, 20);
    .px2rem(line-height, 90);
    .px2rem(font-size, 25);
    input{
        border: none;
    }
    .pei{
        width: 95%;
        border: 1px solid #ccc;
        border-radius: 8px;
        .jian{
            .box;
            border-bottom: #cccccc solid 1px;
            .input;
            p{
                background: #e9ecf1;
            }
            input{
                background: none;
            }
        }
        .shu{
            .box;
            .input;
            p{
                background: #f3f6fb;
            }
        }
    }
}
.tianjia{
    display: flex;
    justify-content: center;
    .px2rem(margin-top, 20);
    .px2rem(font-size, 25);
    .px2rem(line-height, 55);
    .btn{
        display: flex;
        justify-content: flex-end;
        width: 95%;
        p{
            background: #7e4c81;
            color: white;
            .px2rem(padding-left, 20);
            .px2rem(padding-right, 20);
        }
    }
}

.pin{
    display: flex;
    .left{
        width: 10%;
        display: flex;
        background: #e95e49;
        align-items: center;
        justify-content: center;
    }
    .right{
        display: flex;
        flex: 1;
        justify-content: space-around;
        }
}


.biao{
    display: flex;
    justify-content: center;
    .px2rem(margin-top, 20);
    .waiceng{
        width: 95%;
        border: #bcbbbb 1px solid;
        border-radius: 8px;
        .px2rem(line-height, 70);
        .px2rem(font-size, 25);
        .bian{
            display: flex;
            justify-content: space-around;
            background: #bcbbbb;
            color: white;
            .px2rem(padding-left, 100);
        }
        .ping{
            .pin;
            .right{
                background: #fbfbfb;
            }
        }
        .guan{
            .pin;
            .left{
                background: #c9cac5;
            }
            .right{
                background: #f3f3f3;
            }
        }
        .liang{
            display: flex;
            justify-content: flex-end;
            background: #7e4c81;
            color: white;
            p{
                .px2rem(padding-right, 40);
            }
        }
    }
}
.sousuo{
    display: none;
    position: relative;
    background: #f7f7f7;
    .px2rem(top, -650);
    .search{
        display: flex;
        justify-content: center;
        .sea{
            .px2rem(line-height, 60);
            display: flex;
            width: 95%;
            border: #ccc solid 1px;
            border-radius: 7px;
            background: #fff;
            .inp{
                width: 90%;
                input{
                    border: none;
                    width: 100%;
                    .px2rem(line-height, 60);
                }
            }
            .imgs{
                flex: 1;
                text-align: center;
                background: #fff;
            }
        }
    }
    .u{
        ul{
            .px2rem(font-size, 25);
            li{
                .px2rem(line-height, 60);
                .px2rem(padding-left, 20);
                border-bottom: 1px #ccc solid;
            }
            .two{
                border-left: 3px solid red; 
            }
        }
    }
}



















